<template>
  <div class="login-container width-all height-all">
    <div class="flex-row-center-right height-all">
      <el-image class="illustration" :src="illustration" fit="contain" />
      <LoginPanel />
    </div>
  </div>
</template>

<script setup lang="ts">
  import LoginPanel from './cpns/login-panel.vue'
  import illustration from '@/assets/images/login-illustration-min.png'
</script>

<style scoped lang="less">
  .login-container {
    background: url('@/assets/images/login-bg.png') no-repeat center/100% 100%;
    .illustration {
      width: 980px;
      height: 530px;
    }
  }
</style>
